<div ng-controller="processModelDashboard" >
	<div class="wrapper bg-light lter b-b" style="padding:10px;height:55px;" >
		<ul class="breadcrumb" style="display: block;float:left;background:none;margin-bottom: 0px;">
			<li><a ui-sref="app.news" ><i class="iconfont icon-xinwen"></i> {{'aside.nav.news'|translate}}</a></li>
			<li><a ui-sref="app.processmodellist" ><i class="fa  fa-sitemap"></i> <span translate="aside.nav.processModel"></span></a></li>
			<li><a ui-sref="app.processmodeldetail({processModelId:processModel.id})" > {{processModel.name}}</a></li>
			<li class="active"> <span  translate='processModel.processModelDashboard'></span> &nbsp;&nbsp;&nbsp;<a ui-sref="app.processmodellist" class="text-info" ><i class="icon-action-undo"></i> {{'common.blackList'|translate}}</a></li>
		</ul>
		<div class="btn-group pull-right" >
			<ul class="nav nav-tabs" style="position: relative;bottom: -6px;border-bottom:0px;"  >
				<li class="ng-isolate-scope">
					<a ui-sref="app.processmodelstart({processModelId:processModel.id,processParameter:0})" style="border-bottom: 0px;" class="ng-binding ng-click-active">
						<i class="fa fa-list-alt icon "></i> <span  translate='processModel.processInitiatingPage'></span>
					</a>
				</li>
				<li class="ng-isolate-scope ">
					<a ui-sref="app.processmodeldetail({processModelId:processModel.id})" style="border-bottom: 0px;" class="ng-binding ng-click-active">
						<i class="fa fa-info-circle"></i> <span  translate='processModel.processModelDetail'></span>
					</a>
				</li>
				<li ng-show="processModel.dashboardPageId!=null" class="ng-isolate-scope active">
					<a ui-sref="app.processmodeldashboard({processModelId:pm.id})" style="border-bottom: 0px;" class="ng-binding ng-click-active">
						<i class="fa fa-bar-chart-o"></i> <span  translate='processModel.processModelDashboard'></span>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div  style="padding:8px;">
	  <div class="row">
		<div ng-repeat="portlet in page.portlets" class="col-lg-{{portlet.col}} connected" >
				<div ng-class="loadPortlet(portlet.frame)">
				<div class="panel-heading">
				  {{portlet.name}}
				</div>
				<div ng-show="portlet.type=='portal.portlet.report'" id="report_{{portlet.parameters.reportId}}" class="list-group bg-white div-loading" style="-webkit-overflow-scrolling:touch;-webkit-overflow: auto;overflow: auto;"  >
					<span ng-class="loadReportIframe(portlet.id,portlet.parameters.reportId)" ></span>
				   <iframe id="{{portlet.id}}{{portlet.parameters.reportId}}"    class="portletIframe" width="100%" frameborder="0" graphSize="{{portlet.parameters.graphSize}}"  height="{{portlet.parameters.chartHeight}}" scrolling="yes" ></iframe>
				</div>
				<div ng-show="portlet.type=='portal.portlet.mini_proc'" class="list-group bg-white"  >
				   <div  id="{{portlet.id}}"  ng-bind-html="portlet.body"  ></div>
				</div>
			  </div>
		 </div>
	  </div>
	</div>
	
</div>
		  

     
